const baseSize = 16; // 基准大小
let timer: Timer = null;
let clientWidth =
  window.innerWidth ||
  document.documentElement.clientWidth ||
  document.body.clientWidth;
type Timer = ReturnType<typeof setTimeout> | null;
function setRem() {
  if (timer) clearTimeout(timer);
  timer = setTimeout(() => {
    // 当前页面屏幕分辨率相对于 1920 宽的缩放比例，可根据自己需要修改
    const scale = clientWidth / 1920;
    // console.log("scale", scale);
    // 设置页面根节点字体大小“ Math.min(scale, 3) ”指最高放大比例为3，可根据实际业务需求调整）
    document.documentElement.style.fontSize = `${
      baseSize * Math.min(scale, 1)
    }px`;
  }, 50);
}
setRem();
window.addEventListener("resize", setRem);

export function rem(num: number): number {
  if (!clientWidth) return 0;
  let fontSize = clientWidth / 1920;
  return num * fontSize;
}
